.newData03-left-01{
  height: 42vh;
}
.newData-content03-left-01{
  height: 38vh;
}
.newData03-left-02{
  height: 42vh;
}
.newData-content03-left-02{
  height: 38vh;
}
.AccessControlState{
  width: 100%;

}
.EntryAndExitStatisticsList{
  height: 7vh;
  width: 100%;
  display: flex;
}
.EntryAndExitStatisticsList li{
  display: flex;
  height: 80%;
  width: 50%;
  justify-content: center;
}
.EntryAndExitStatisticsList li p{
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.EntryAndExitStatisticsList li b{
  font-size: 20px;
  font-weight: bold;
  color: #23C7FF;
}
.EntryAndExitStatisticsList li div{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-left: 0.5vw;
}
.EntryAndExitStatisticsList li i{
  height: 56px;
  width: 48px;
  display: flex;
  background: url("/static/img/inlet.svg");
}
.EntryAndExitStatisticsPicture{
  height: 8vh;
  width: 100%;

}
.tableBorder{
  height: 101%;
  width: 99%;
}
.data01-border{
  padding: 24px 0px  14px 15px;
  width: calc(100% - 15px);
  height: calc(100% - 38px);
  overflow: hidden;
}
.EntryAndExitStatisticsTable{
  height: 15.5vh;
  width: 100%;
  overflow: hidden;
}
.catCountList{
  margin-bottom: 1vh;
  display: flex;
  width: 100%;
  height: 20px;
  background: linear-gradient(90deg, rgba(31,198,255,0.1) 0%, rgba(31,198,255,0.6) 16%, rgba(31,198,255,0) 100%);
}
.catCountList li{
  width: 40%;
  padding-left: 1vw;
}
.catCountList p{
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.catCountList2{
  width: 100%;
  height: 12.5vh;
  display: flex;
}
.catCountList2 > li{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 45%;
  height: 100%;
  background: rgba(5,40,64,0.3);
  border: 1px solid rgba(31,198,255,0.3);
}
.catCountList2 > li:first-child{
  margin-right: 1vw;
}
.catCountList2 > li:first-child i{
  width: 56px;
  height: 56px;
  display: flex;
  background: url("/static/img/Ptop.svg") no-repeat center;
  padding: 0.5vh 0 1vh 0;
  position: relative;
}
.catCountList2 > li:first-child i::before{
  content: '地上';
  color: red;
  font-size: 1.2vw;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  right: -50%;
}
.catCountList2 li:nth-child(2) i{
  width: 56px;
  height: 56px;
  display: flex;
  padding: 0.5vh 0 1vh 0;
  background: url("/static/img/Pbottom.svg") no-repeat center;
  position: relative;
}
.catCountList2 li:nth-child(2) i::before{
  content: '地下';
  color: red;
  font-size: 1.2vw;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  right: -50%;
}
.numeralList{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.numeralList li:nth-child(2n){
  width: 0px;
  height: 29px;
  border: 1px solid rgba(255,255,255,0.3);
  margin: 0 0.3vw;
}

.catThroughput{
  height: 14vh;
}
.EntryAndExitStatisticsPicture2{
  height: 10vh;
  width: 21vw;
}
.FloorElectricityTop{
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.catCount{
  width: 100%;
  height: 16vh;
}
.catCountTop{
  display: flex;
  height: 40%;
  width: 80%;
  background: rgba(5,40,64,0.3);
  margin: 0 auto;
  align-items: center;
}
.catCountTop >i{
  width: 56px;
  height: 56px;
  display: flex;
  background: url("/static/img/cat02.svg");
}
.catCountTop p{
  padding-left: 0.5vw;
  font-size: 16px;
  font-weight: 500;
  color: #23C7FF;
}
.catCountTopList{
  display: flex;
  height: 80%;
  width: 50%;
  padding-left: 10%;
}
.catCountTopList li{
  width: 50%;
  height: 100%;
}
.catCountTopList li div{
  display: flex;
}
.catCountTopList li div i{
  display: flex;
  width: 20px;
  height: 20px;
  background: url("/static/img/in1.svg");
}
.catCountTopList li:nth-child(2) div i{
  display: flex;
  width: 20px;
  height: 20px;
  background: url("/static/img/out.svg");
}
.catCountPicture{
  margin-top: 5%;
  height: 55%;
  width: 100%;
}
